<template>
	<view class="container">
		<view class="box1">
		</view>
		<view class="box2">
			<view class="btn-Box">
				<view class="btn-Box-item-wrap">
					<view class="btn-Box-item" @click="goorder(true)">
						<image src="https://pili-vod.guanxikeji.com/hemashangcheng/img/1731914694229.png" mode=""></image>
						<text>到店自取</text>
					</view>
					<view class="btn-Box-item"  @click="$goURl('/pages/Lochig/mcd/order')">
						<image src="https://pili-vod.guanxikeji.com/hemashangcheng/img/1731914688142.png" mode=""></image>
						<text>我的订单</text>
					</view>
				</view>
				<view class="btn-Box-item-wrap">
					<view class="btn-Box-item" @click="goorder(false)">
						<image src="https://pili-vod.guanxikeji.com/hemashangcheng/img/1731914682054.png" mode=""></image>
						<text>外卖下单</text>
					</view>
					<!-- <view class="btn-Box-item">
							<image src="https://pili-vod.guanxikeji.com/hemashangcheng/img/1730864566245.png" mode=""></image>
							<text>我的订单</text>
					</view> -->
				</view>
			</view>
		</view>
		<view class="box3">
			<view>本产品为第三方点餐服务</view>
			<view>即第三方平台代下单服务与麦当劳官方无关</view>
		</view>
	</view>
</template>
<script setup>
	import {
		ref,
		reactive,
		getCurrentInstance
	} from "vue";
	import {
		onLoad,
		onShow
	} from "@dcloudio/uni-app";
	const {
		proxy
	} = getCurrentInstance();
	//去下单
	function goorder(e){
			uni.setStorageSync('mcdtype',e)
			if(e){
				uni.navigateTo({
					url:'/pages/Lochig/mcd/Selectstore'
				})
			}else{
				uni.navigateTo({
					url:'/pages/Lochig/mcd/selectDrink'
				})
			}
	}
</script>


<style scoped lang="scss">
	.container {
		.box1 {
			background-image: url("https://pili-vod.guanxikeji.com/hemashangcheng/img/1731914673854.png");
			background-size: 100% 100%;
			background-repeat: no-repeat;
			width: 100%;
			height: 700rpx;
		}

		.box2 {
			padding: 0px 30rpx;
			margin-top: -100rpx;

			.btn-Box {
				width: 100%;
				height: 378px;
				background: #fff;
				border-radius: 11px;
				display: flex;

				.btn-Box-item-wrap:nth-child(1) {
					border-right: 0.5px solid #f2f2f2;
				}

				.btn-Box-item-wrap {
					width: 50%;
					height: 100%;

					.btn-Box-item {
						width: 100%;
						height: 50%;
						display: flex;
						flex-direction: column;
						justify-content: center;
						align-items: center;

						image {
							width: 110px !important;
							height: 110px !important;
						}

						text {
							font-size: 15px;
							font-family: PingFangSC-Medium, PingFang SC;
							font-weight: 500;
							color: rgba(0, 0, 0, .85);
							line-height: 22px;
							margin-top: 11px;
						}
					}
				}
			}

		}

		.box3 {
			margin-top: 50px;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			font-size: 13px;
			font-family: PingFang-SC-Medium, PingFang-SC;
			font-weight: 500;
			color: rgba(0, 0, 0, .45);
		}
	}

	.btn-Box-item-wrap:nth-child(1)>.btn-Box-item:nth-child(2),
	.btn-Box-item-wrap:nth-child(2)>.btn-Box-item:nth-child(2) {
		border-top: 0.5px solid #f2f2f2;
	}
</style>